<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>英雄联盟全新官方网站</title>
	<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
	<div id="header">
		<div id="top">
			<div id="top_layer">
				<div id="main_nav">
					<ul>
						<li>
							<a href="###">
								游戏资料
								<span>GAME INFO</span>
							</a>
						</li>
						<li>
							<a href="###">
								商城/合作
								<span>STORE</span>
							</a>
						</li>
						<li>
							<a href="###">
								用户互动
								<span>COMMUNITY</span>
							</a>
						</li>
						<li>
							<a href="###">
								赛事中心
								<span>EVENTS</span>
							</a>
						</li>
						<li>
							<a href="###">
								自助系统
								<span>SYSTEM</span>
							</a>
						</li>
					</ul>
				</div>
				
				<div id="popup_menu" style="visibility: hidden;" >
					<ul id="menu_content" >
						<li class="menu_item">
							<a href="###">新手指引</a>
							<a href="###">资料库</a>
							<a href="###">攻略中心</a>
							<a href="###">模识实验室</a>
							<a href="###">海克斯战利品</a>
							<a href="###">屏保下载</a>
							<a href="###">英雄联盟 宇宙</a>
						</li>
						<li class="menu_item">
							<a href="###">点券充值</a>
							<a href="###">道聚城</a>
							<a href="###">官方周边商城</a>
							<a href="###">英雄联盟桌游</a>
							<a href="###">LOL信用卡</a>
							<a href="###">网吧特权</a>
						</li>
						<li class="menu_item">
							<a href="###">在线客服</a>
							<a href="###">视频中心</a>
							<a href="###">活动中心</a>
							<a href="###">官方论坛</a>
							<a href="###">官方微信</a>
							<a href="###">官方微博</a>
						</li>
						<li class="menu_item">
							<a href="###">LPL职业联赛</a>
							<a href="###">甲级职业联赛</a>
							<a href="###">德玛西亚杯</a>
							<a href="###">城市英雄争霸赛</a>
							<a href="###">高校联赛</a>
							<a href="###">校级精英赛</a>
							<a href="###">高校自发赛</a>
						</li>
						<li class="menu_item">
							<a href="###">封号查询</a>
							<a href="###">体验服申请</a>
							<a href="###">服务器状态查询</a>
							<a href="###">裁决之镰</a>
						</li>
					</ul>
				</div>
				<a id="top_search1">
					<div class="top_search1_pic"></div>
				</a>
				<a class="top_search2" href="###">
					<div class="top_search2_pic"></div>
				</a>
				<div id="user1">
					<div id="user_tubiao">
						<div class="quanquan"></div>
						<img src="pictures/default.png" />
					</div>
					<div id="user">
						<div class="user_info1">
							亲爱的召唤师，欢迎
							<a href="###">登录</a>
						</div>
						<div class="user_info"> 
							登录后查看自己的战绩、资产、声望值等
						</div>
					</div>
				</div>
				<div id="user_remind" style="visibility: hidden;">
					<div id="person_info">
						登录并且绑定大区后才可查看您的具体信息哦~（包括战绩、资产、声望等）
					</div>
					<a class="person_link" href="###">进入个人中心</a>
				</div>
			</div>
		</div>
		<div id="header_big">
			<div class="log_area">
				<a class="log" href="###">
					英雄联盟
				</a>
			</div>
			<video class="big_video" autoplay loop>
				<source src="videos/big-v1.webm" >
				<source src="videos/big-v1.mp4" >
			</video>
			<div id="over_video">
				<h2 class="name">
					幻翎 洛 & 逆羽 霞
					<span>幻翎 洛 & 逆羽 霞</span>
				</h2>
				<p class="under_name">让华丽的羽翼与锐利的飞翔铺就通向胜利的道路</p>
				<div class="small">
					<a href="###" id="small_video_act">
						<div class="begin_tubiao"></div>
					<a>
					<video id="small_video" autoplay loop>
						<source src="videos/small-v1.webm">
						<source src="videos/big-v1.mp4" >
					</video>	
				</div>
				<a class="chakan">查看详情</a>
			</div>
			<div class="version">
				当前游戏版本 ：
				<em> Ver 7.8</em>
				<a href="###">版本详情</a>
			</div>
		</div>
	</div>
	<!-- 以上为页面上半部分 -->
	<div class="items">
		<ul id="item_menu">
			<li class="item_link">
				综合资讯
			</li>
			<li class="item_link">
				视频中心
			</li>
			<li class="item_link">
				赛事中心
			</li>
			<li class="item_link">
				活动中心
			</li>
			<li id="item_link5">
				返回旧版官网>
			</li>
		</ul>
	</div>
	<div class="content">
		<div class="content_inner">
			<div id="all_area" >
				<div id="zonghe">
					<div id="lunbo">
						<ul id="lunbo_pics">
							<li class="lunbop_pic">
								<a href="###"><img class="img1" src="pictures/1.jpg" /></a>
							</li>
							<li class="lunbop_pic">
								<a href="###"><img class="img1" src="pictures/2.jpg" /></a>
							</li>
							<li class="lunbop_pic">
								<a href="###"><img class="img1" src="pictures/3.jpg" /></a>
							</li>
							<li class="lunbop_pic">
								<a href="###"><img class="img1" src="pictures/4.jpg" /></a>
							</li>
							<li class="lunbop_pic">
								<a href="###"><img class="img1" src="pictures/5.jpg" /></a>
							</li>
						</ul>
						<div id="jieshao">
							<span class="item_jieshao">5000万永久皮肤</span>
							<span class="item_jieshao">幻翎洛&逆羽霞</span>
							<span class="item_jieshao">LPL春季总决赛竞猜</span>
							<span class="item_jieshao">季中版本更新揭秘</span>
							<span class="item_jieshao">助威LPL4.29总决赛</span>
						</div>
					</div>
					<div id="side_nav">
						<div class="side_download">
							<video class="download_video" autoplay loop>
								<source src="videos/down.mp4" >
								<source src="videos/down.webm" >
							</video>
							<a href="###" class="download_link"></a>
						</div>
						<ul class="side_item">
							<li>
								
								<a href="###">
									<i class="tubiaos1"></i>
									新手推荐
								</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos2"></i>宇宙官网</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos3"></i>周边商城</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos4"></i>新客户端</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos5"></i>峡谷之巅</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos6"></i>CDK兑换</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos7"></i>轮换模式</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos8"></i>游戏资料</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos8"></i>颁奖中心</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos10"></i>官方微博</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos11"></i>玩家论坛</a>
							</li>
							<li>
								
								<a href="###"><i class="tubiaos12"></i>在线客服</a>
							</li>
						</ul>
					</div>
					<div class="news">
						<div class="new_top">
							<h3 class="title">最新资讯</h3>
							<ul class="links">
								<li>综合新闻</li>
								<li>官方公告</li>
								<li>赛事新闻</li>
								<li>论坛资讯</li>	
							</ul>
						</div>
						<ul class="news_total">
							<li id="news_list">
								<a class="N1" href="###">
									<img class="img0" src="pictures/pic-news1.jpg">
									<span class="n1">
										LPL春季赛总决赛今日16点正式直播
									</span>
									<span class="n11">
										LPL春季总决赛今天下午16：00在南京奥体中心体育馆掀开战幕。RNG和WE将向冠军荣耀发起最后冲锋。
									</span>
								</a>
							</li> 
							<li id="ns">
								<a id
								class="new_link" href="###">
									<span class="news_btn">新闻</span>
										LPL春季赛落幕 WE选手获颁冠军金卡
									<span class="date">04/29</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										2017LPL春季总决赛宣传片《魔英幻战》
									<span class="date">04/29</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										季中狂欢盛典，掌盟专栏订阅指引说明
									<span class="date">04/29</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										LPL冠军金卡：最高荣誉的匠心之作
									<span class="date">04/29</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										萌趣纳尔新品发布 共同见证LPL王者诞生
									<span class="date">04/28</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										英雄联盟快闪店闪现成都 一起来限定展啦
									<span class="date">04/27</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										开发日记：英雄联盟的世界构建
									<span class="date">04/27</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link"  href="###">
									<span class="news_btn">新闻</span>
										老战队新血液 全华班崛起的航标
									<span class="date">04/27</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link" href="###">
									<span class="news_btn">新闻</span>
										春季决赛倒计时2天 冠军辅助花落谁家？
									<span class="date">04/26</span>
								</a>
							</li>
							<li id="ns">
								<a id
								class="new_link" href="###">
									<span class="news_btn">新闻</span>
										4月28日免费英雄更换公告
									<span class="date">04/26</span>
								</a>
							</li>
						</ul>
						<div id="more">
							<a id="more_link" href="###">
								阅读更多
								<span class="zuixin">最新资讯</span>
							</a>
						</div>
					</div>
					<ul class="skin">
						<li class="skin_item">周免英雄</li>
						<li class="skin_item">最新皮肤</li>
						<li class="skin_item">最新英雄</li>
					</ul>
					<div class="all_pic">
						<a class="pic_link" class="hov" href="###">
							<img src="pictures/Braum.jpg">
							<span class="black"><span id="bg">弗雷尔卓德之心</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Caitlyn.jpg">
							<span class="black"><span id="bg">皮城女警</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Ekko.jpg">
							<span class="black"><span id="bg">时间刺客</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Ezreal.jpg">
							<span class="black"><span id="bg">探险家</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Janna.jpg">
							<span class="black"><span id="bg">风暴之怒</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Taric.jpg">
							<span class="black"><span id="bg">瓦洛兰之盾</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Varus.jpg">
							<span class="black"><span id="bg">惩戒之箭</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Vi.jpg">
							<span class="black"><span id="bg">皮城执法官</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Warwick.jpg">
							<span class="black"><span id="bg">祖安怒兽</span></span>
							
						</a>
						<a class="pic_link" href="###">
							<img src="pictures/Yasuo.jpg">
							<span class="black">
								<span id="bg">
									疾风剑豪
								</span>
							</span>	
						</a>
					</div>
					<div class="tongzhi">免费时间：2017-04-28至2017-05-05</div>
					<a href="###" class="tell">
						<img src="pictures/pic-qt.jpg" />
					</a>
					<div class="tisi">
						<i></i>
						<h5>本游戏适合18岁（含）以上玩家娱乐</h5>
						<p>
							抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当
							<br>
							适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活
						</p>
					</div>
				</div>
				<div class="bottom">
					<div class="top_top">
						<h3 class="bottom_tile">最新推荐</h3>
						<ul class="tuijian">
							<li><a class="link_tuijian" href="###">视频推荐</a></li>
							<li><a class="link_tuijian" href="###">活动推荐</a></li>
						</ul>
						<div class="all_video">
							<ul class="video_list">
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0.jpg" />
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">06:16</span>
										</span>
										<p class="gg">大胡子飘逸秀 其他主播也不示弱</p>
									</a>
								</li>
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0-1.jpg"/>
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">10：22</span>
										</span>
										<p class="gg">1分25秒最秀的两个英雄，劫和盲僧完美配合</p>
									</a>
								</li>
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0 -2.jpg" />
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">06：12</span>
										</span>
										<p class="gg">玩瞎子一定要像这样骚</p>
									</a>
								</li>
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0-3.jpg"/>
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">10：13</span>
										</span>
										<p class="gg">一个技能血条就空了，终极火影劫瞬间秒杀</p>
									</a>
								</li>
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0-4.jpg"/>
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">03：07</span>
										</span>
										<p class="gg">英雄联盟精彩操作：丝血盲僧互怼，结果竟然是...</p>
									</a>
								</li>
								<li>
									<a class="video_link" href="###">
										<img src="pictures/0-5.jpg"/>
										<span class="bg2"></span>
										<span class="jiantou"></span>
										<span id="tisi2">
											<span id="time">09：37</span>
										</span>
										<p class="gg">巅峰之王：跟你说别追锐雯，怎么就是不听呢！</p>
									</a>
								</li>
							</ul>
						</div>
						<a  href="###" class="more2">浏览更多<span>视频内容</span></a>
					</div>
				</div>
				<div class="dd">
					<div class="foot">
						<ul class="foot_nav">
							<li>
								<a class="list" href="###">腾讯互动娱乐
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">服务条款
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">广告服务
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">腾讯游戏招聘
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">腾讯游戏客服
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">游戏活动
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">游戏地图
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">商务合作
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">腾讯网
									<span class="ff">|</span>
								</a>
								<a class="list" href="###">网站导航
								</a>
								</li>
								<li><a class="list" href="###">腾讯公司版权所有</a></li>
								<li class="list2">COPYRIGHT © 1998 - 2017 TENCENT. ALL RIGHTS RESERVED.</li>
								<li class="list2">© 2012 Riot Games, Inc. ALL RIGHTS RESERVED.</li>
								<li>文网进字[2011] 004号 & ISBN 978-7-89989-145-2
								<span class="ff">|</span>
								<a>新出网证（粤）字010号</a>
									<span class="ff">|</span>
								<a>粤网文[2014]0633-233号
								</a>
							</li>	
						</ul>
					</div>
				</div>
			</div>
		</div>

	</div>
<script src="js/links.js"></script>
</body>
</html>